<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE HTML>
<ui:composition 
	template="/dinamic/template/template.xhtml" 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:define name="conteudo">              
    <h:form id="formFotoPerfil" enctype="multipart/form-data">
	    <p:panel header="Atualizar foto de Perfil">
	    	<h:panelGrid columns="2" cellpadding="5">
	    	
		    	<p:outputLabel value="Foto Perfil:" styleClass="name"/>
		    	<p:fileUpload
		    		value="#{funcionarioManagedBean.fotoPerfil}"
		    		mode="simple"
		    	/>
		    	
		    	<p:commandButton
	    			value="Visualizar"
	    			actionListener="#{funcionarioManagedBean.mostrarFoto()}"
	    			update="panelFoto"
	    			ajax="false"
	    		>
	    			<f:setPropertyActionListener target="#{fotoPerfilPreVisualizarManagedBean.fotoPerfil}" value="#{funcionarioManagedBean.fotoPerfil}"/>
	    		</p:commandButton>
	    		
	    		<p:outputLabel value="Max. 2MB / JPG/BMP/JPEG" styleClass="obs"/>
	    	
	    	</h:panelGrid>
	    	
	    	<p:panel id="panelFoto" rendered="#{funcionarioManagedBean.fotoPerfilImagem}">
	    		<center>
	    			<p:graphicImage
	    				id="fotoPerfil"
		    			value="#{fotoPerfilPreVisualizarManagedBean.fotoPrevisualizar}"
		    			width="150"
		    			height="150"
		    			rendered="#{funcionarioManagedBean.fotoPerfilImagem}"
		    			styleClass="fotoPerfil"
	    		/>
	    		
		    	</center>
	    	</p:panel>
	    
	    	
	     </p:panel>
	     	<h:panelGrid cellpadding="5">
		     	<p:commandButton
		    		value="Atualizar Foto"
		    		action="#{funcionarioManagedBean.inserirFoto()}"
		    		ajax="false"
		    		rendered="#{funcionarioManagedBean.fotoPerfilImagem}"
		    	>
		    		<f:setPropertyActionListener target="#{funcionarioManagedBean.fotoPerfil}" value="#{fotoPerfilPreVisualizarManagedBean.fotoPerfil}"/>
		    	</p:commandButton>
	    	</h:panelGrid>
		</h:form>                              
	</ui:define>
</ui:composition>